{% extends "base.html" %}

{% block extra_css %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/image.css') }}">
{% endblock %}

{% block content %}
<div class="image-audit-container">
    <div class="header-section">
        <h2>图像审核</h2>
        <a href="{{ url_for('image.api_doc') }}" class="api-doc-link">API文档</a>
    </div>
    
    <!-- 添加网络图片审核部分 -->
    <div class="url-audit-container">
        <div class="url-input-group">
            <input type="text" id="image-url" placeholder="输入图片URL" class="url-input">
            <button id="url-audit-btn" class="url-audit-btn">审核网络图片</button>
        </div>
    </div>
    
    <div class="upload-container">
        <div class="upload-area" id="upload-area">
            <div class="upload-content" id="upload-content">
                <div class="upload-icon">📸</div>
                <p class="upload-text">点击或拖拽上传图片</p>
                <p class="upload-tip">支持 PNG、JPG、JPEG、BMP、GIF 格式</p>
                <p class="upload-tip">可以选择多个文件</p>
            </div>
        </div>
        <input type="file" id="image-upload" accept="image/*" multiple style="display: none">
    </div>
    
    <div id="image-list" class="image-list">
        <!-- 图片列表将在这里动态生成 -->
    </div>
</div>
{% endblock %}

{% block extra_js %}
<script src="{{ url_for('static', filename='js/image.js') }}"></script>
{% endblock %} 